<template>
<el-col>
  <el-row>
    <el-col :span="12">
      <el-col :span="12" class="rowTitle">研判人：</el-col>
      <el-col :span="12" class="rowValue" :title="orderData.judgedUserName || ''">
        {{ orderData.judgedUserName || "" }}
      </el-col>
    </el-col>
    <el-col :span="12" class="infoLeftStyle">
      <el-col :span="12" class="rowTitle">研判时间：</el-col>
      <el-col :span="12" class="rowValue" :title="orderData.modifierTime || ''">
        {{ orderData.modifierTime || "" }}
      </el-col>
    </el-col>
  </el-row>
  <el-row>
    <el-col :span="12">
      <el-col :span="12" class="rowTitle">研判结果：</el-col>
      <el-col :span="12" class="rowValue" :title="orderData.judgeResult || ''">
        {{ orderData.judgeResult === '0' ? '误报' : orderData.judgeResult === '1' ? '真警' : orderData.judgeResult === '2' ? '重复告警' : orderData.judgeResult === '4' ? '关闭' : orderData.judgeResult === '5' ? '删除' : '' }}
      </el-col>
    </el-col>
    <el-col :span="12" class="infoLeftStyle" v-if="orderData.resultTab">
      <el-col :span="12" class="rowTitle">误报标签：</el-col>
      <el-col :span="12" class="rowValue" :title="orderData.resultTab || ''">
        {{  orderData.resultTab === '0' ? '算法问题' : (orderData.resultTab === '1' ? '非算法问题' : '')  || "" }}
      </el-col>
    </el-col>
  </el-row>
</el-col>
</template>

<script>
export default {
  name: "JudgeRecording",
  props:{
    orderData: {
      type: Object,
      default: () => ({}),
      required: true
    }
  }
}
</script>

<style scoped>
.rowTitle {
  font-size: 14px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #909399;
  line-height: 35px;
  text-align: right;
  max-width: 151px;
  white-space: nowrap;
}
.rowValue {
  line-height: 35px;
  font-size: 14px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #606266;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
</style>
